import React, { useState, useEffect } from 'react'
import { IUdFormItem, UdDateRangePicker, UdModalForm, UdTable, http, validators } from '@/lib'
import UdSelect from '@/components/UdFormControls/UdSelect'
import { Icon, Input, Spin, InputNumber, Steps} from 'antd'
import udMainStore from '@/store/UdMain'
import NotFoundContent from '@/components/NotFoundContent'
import apis from '@/apis'
import dayjs from 'dayjs'
import { WrappedFormUtils } from 'antd/lib/form/Form'
import './quotaModal.scss'

let modalForm: WrappedFormUtils


export default function ProcessList(props) {
  const { items } = props
  return (
    <div className="process-wrapper">
        <h3>审批流程</h3>
        <Steps direction="vertical" size="small" current={items.length} status="finish">
            {items.map((item, index)=>
                <Steps.Step 
                    key={index}
                    title={item.username}
                    subTitle={item.position + " " + item.datetime}
                    description={item.message} />
            )}
        </Steps>
    </div>
  )
}
